<!DOCTYPE html>
<html lang="en" style="height:100%">
	<head>
		<meta charset="utf-8"></meta>
		<title>部件信息</title>
		<script th:inline="javascript">
			window.rootPath = /*[[${#httpServletRequest.getContextPath()}]]*/
		</script>
		<link rel="stylesheet" type="text/css" media="all" th:href="@{/plugins/bootstrap/bootstrap.min.css}" />
		<script th:src="@{/plugins/jQuery/jQuery-2.1.4.min.js}"></script>
		<script th:src="@{/plugins/bootstrap/bootstrap.min.js}"></script>
		<script th:src="@{/plugins/jQuery/moment/moment.min.js}"></script>
		<link rel="stylesheet" type="text/css" media="all" th:href="@{/plugins/MapIndex/stylesheets/QTouchIndexPartsStyle.css}" />
	</head>
	<body class="qTouchIndexBackground">
		<ul id="myTab" class="nav nav-tabs" style="width:100%">
		<li class="active" id="realTimeTVtab">
				<a href="#realTimeTV" data-toggle="tab" >
					 实时视频
				</a>
			</li>
			<li id="baseMsgtab">
				<a href="#baseMsg" data-toggle="tab">
					 基本信息
				</a>
			</li>
			<li>
				<a href="#realTimeMsg" data-toggle="tab">实时信息
				</a>
			</li>
		</ul>
		<div id="myTabContent" class="tab-content">
			<input type="hidden" id="partId" th:value="${partId}"/>
			<div style="margin:10px 0px 0px 10px !important;" class="tab-pane fade in active" id="realTimeTV">
			<object id="csocx" classid="clsid:59EA8A50-4FC1-406a-A471-595247AB2E41" codebase="/wcsi/tvfile/CISDITV.cab" width="100%" height="415px"></object>
			<!-- <object id="csocx" clsid="{59EA8A50-4FC1-406a-A471-595247AB2E41}" type="application/x-itst-activex" codebase="/wcsi/tvfile/CISDITV.cab" width="100%" height="415px"></object> -->
			</div>
			<div class="tab-pane fade in" id="baseMsg">
				<form class="form-horizontal" role="form">
				  <div class="form-group">
				    <label class="col-sm-2 control-label">部件编码</label>
				    <div class="col-sm-4">
				      <input type="text" class="form-control indexPartsInput" id="deviceIdentify" />
				    </div>
				     <label class="col-sm-2 control-label">部件名称</label>
				    <div class="col-sm-4">
				      <input type="text" class="form-control indexPartsInput" id="partName"/>
				    </div>
				  </div>
				  <div class="form-group">
				    <label class="col-sm-2 control-label">生产厂家</label>
				    <div class="col-sm-4">
				      <input type="text" class="form-control indexPartsInput" id="manufacturer"/>
				    </div>
				     <label class="col-sm-2 control-label">生产日期</label>
				    <div class="col-sm-4">
				      <input type="text" class="form-control indexPartsInput" id="productionTime"/>
				    </div>
				  </div>
				  <div class="form-group">
				  	<div class="col-sm-6">
				  		<div class="form-group">
						    <label class="col-sm-4 control-label">安装日期</label>
						    <div class="col-sm-8">
						      <input type="text" class="form-control indexPartsInput" id="installationTime"/>
						    </div>
						</div>
					    <div class="form-group">
						    <label class="col-sm-4 control-label">所属区域</label>
						    <label class="col-sm-8 control-label" style="text-align:left" id="gridAreaInfo"></label>
						  </div>
						  <div class="form-group">
						    <label class="col-sm-4 control-label">实景图片</label>
						    <div class="col-sm-8">
						      <img src="" width="150px" height="150px" class="img-responsive" id="iconAddress"/>
						    </div>
						  </div>
						</div>
				     <label class="col-sm-2 control-label">维护记录</label>
				    <div class="col-sm-4">
				      	<table class="table">
						   <thead>
						      <tr>
						         <th>日期</th>
						         <th>维护人</th>
						         <th>维护信息</th>
						      </tr>
						   </thead>
						   <tbody>
						      <tr>
						         <td>2018/05/01</td>
						         <td>马德东</td>
						         <td>正常检修</td>
						      </tr>
						     <tr>
						         <td>2018/05/02</td>
						         <td>曾力</td>
						         <td>正常检修</td>
						      </tr>
						      <tr>
						         <td>2018/05/06</td>
						         <td>陈秋旭</td>
						         <td>井盖供电不足</td>
						      </tr>
						   </tbody>
						</table>
				    </div>
				  </div>
				  
				</form>
			</div>
			<div class="tab-pane fade" id="realTimeMsg">
				<form class="form-horizontal" role="form">
				  <div class="form-group">
				    <label class="col-sm-2 control-label">设备编码</label>
				    <div class="col-sm-4">
				      <input type="text" class="form-control indexPartsInput" id="partIdentify" value="520100440111002"/>
				    </div>
				     <label class="col-sm-2 control-label">部件名称</label>
				    <div class="col-sm-4">
				      <input type="text" class="form-control indexPartsInput" id="parts_name" value="电力井盖"/>
				    </div>
				  </div>
				  <div class="form-group">
				    <label class="col-sm-2 control-label">设备状态</label>
				    <div class="col-sm-4">
				      <img src="" class="" id="stateIcon"/>
				      <label class="control-label" id="state">正常</label>
				    </div>
				  </div>
				  <div class="form-group">
				    <label class="col-sm-2 control-label">状态说明</label>
				    <div class="col-sm-10">
				      <textarea class="form-control indexPartsInput" id="partsCode" value=""></textarea>
				    </div>
				  </div>
				  
				   <div class="form-group">
				    <label class="col-sm-2 control-label">设备类型</label>
				    <div class="col-sm-4">
				      <input type="text" class="form-control indexPartsInput" id="partsname" value=""/>
				    </div>
				     <label class="col-sm-2 control-label">企业名称</label>
				    <div class="col-sm-4">
				      <input type="text" class="form-control indexPartsInput" id="company_name" value=""/>
				    </div>
				  </div>
				  
				   <div class="form-group">
				    <label class="col-sm-2 control-label">警告类型</label>
				    <div class="col-sm-4">
				      <input type="text" class="form-control indexPartsInput" id="warnStatusName" value=""/>
				    </div>
				     <label class="col-sm-2 control-label">警告说明</label>
				    <div class="col-sm-4">
				      <input type="text" class="form-control indexPartsInput" id="warnExp" value=""/>
				    </div>
				  </div>

				   <div class="form-group">
				    <label class="col-sm-2 control-label">故障类型</label>
				    <div class="col-sm-4">
				      <input type="text" class="form-control indexPartsInput" id="errorStatusName" value=""/>
				    </div>
				     <label class="col-sm-2 control-label">故障说明</label>
				    <div class="col-sm-4">
				      <input type="text" class="form-control indexPartsInput" id="errorExp" value=""/>
				    </div>
				  </div>
				  
				   <div class="form-group">
				    <label class="col-sm-2 control-label">数据时间</label>
				    <div class="col-sm-4">
				      <input type="text" class="form-control indexPartsInput" id="sendDate" value=""/>
				    </div>
				     <label class="col-sm-2 control-label">起始时间</label>
				    <div class="col-sm-4">
				      <input type="text" class="form-control indexPartsInput" id="startDate" value=""/>
				    </div>
				  </div>
				  
				   <div class="form-group">
				    <label class="col-sm-2 control-label">结束时间</label>
				    <div class="col-sm-4">
				      <input type="text" class="form-control indexPartsInput" id="endDate" value=""/>
				    </div>
				     <label class="col-sm-2 control-label">持续时间</label>
				    <div class="col-sm-4">
				      <input type="text" class="form-control indexPartsInput" id="keepTime" value=""/>
				    </div>
				  </div>
				  
				  <div class="form-group">
				    <label class="col-sm-2 control-label">经纬度</label>
				    <div class="col-sm-4">
				      <input type="text" class="form-control indexPartsInput" id="longlat" value="E106°38´34.45,N26°37´30.85"/>
				    </div>
				  </div>
				  <div class="form-group" id="interfaceDiv">
				    <label class="col-sm-2 control-label">接口地址</label>
				    <div class="col-sm-4">
				      <input type="text" class="form-control indexPartsInput" id="interfaceAddress" value="127.0.0.1"/>
				    </div>
				     <label class="col-sm-2 control-label">接口端口</label>
				    <div class="col-sm-4">
				      <input type="text" class="form-control indexPartsInput" id="interfacePort" value="8080"/>
				    </div>
				  </div>
<!-- 				  <div class="form-group">
				    <label class="col-sm-2 control-label">电池电量[&nbsp;mA&nbsp;]</label>
				    <div class="col-sm-4">
				      <input type="text" class="form-control indexPartsInput" id="partsele" value=""/>
				    </div>
				     <label class="col-sm-2 control-label">电池电压[&nbsp;V&nbsp;]</label>
				    <div class="col-sm-4">
				      <input type="text" class="form-control indexPartsInput" id="partsV" value=""/>
				    </div>
				  </div>
				  <div class="form-group">
				    <label class="col-sm-2 control-label">信号强度</label>
				    <div class="col-sm-4">
				      <input type="text" class="form-control indexPartsInput" id="partsH" value=""/>
				    </div>
				     <label class="col-sm-2 control-label">倾斜角度[&nbsp;°&nbsp;]</label>
				    <div class="col-sm-4">
				      <input type="text" class="form-control indexPartsInput" id="partsS" value=""/>
				    </div>
				  </div> -->
				  <div id="partRealValue">
				  </div>
				</form>
			</div>
		</div>
		<script th:src="@{/index/indexInfo/QTouchIndexPartsMsg.js}"></script>
	</body>
</html>